@import '../../style/variable.scss';

.xxm-tabs__wrap {
    height: 88px;
    position: relative;
}
.xxm-tabs{
    &__nav {
        display: flex;
        height: 100%;
        padding-bottom: 15px;
        // background-color: #fff;
    }
    .xxm-tabs__nav--line {
        box-sizing: content-box;
        height: 100%;
        padding-bottom: 15px;
    }
    &__line {
        position: absolute;
        bottom: 10px;
        left: 0;
        z-index: 1;
        display: none;
        width: 120px;
        height: 6px;
        background-color: $red;
        border-radius: 6px;
        transition-duration: 0.3s;
    }
    .xxm-tab {
        position: relative;
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding: 0 4px;
        font-size: $default-font-size;
        line-height: 20px;
        cursor: pointer;
        &__active {
            color: $color;
            font-weight: 500;
        }
    }
}